import Vue from 'vue'
import Vuex from 'vuex'

// 引入小仓库
import home from '@/store/home'
import search from '@/store/search'

// 使用vuex
Vue.use(Vuex)

//Vuex是一个集中式数据管理的仓库 
// actions:处理action，可以书写自己的业务逻辑，也可以处理异步
//1. Vuex单一树开发模式：所有的state都在一个对象中，当项目数据很多时，也会很难维护
/* const actions = {
    sub({ commit }){
        commit('SUB')
    }
};
// mutations:修改state的唯一方法
const mutations = {
    SUB(state){
        state.count--
    },
    ADD(state){
        state.count++
    }
};
// statue:仓库存储数据的地方
const state = {
    count: 0
};
// getters:可以认为是store的计算属性
const getters = {}; */

//2， Vuex模块式开发：将store分割成模块，每个模块拥有自己的state、mutation、action、getter


// 创建vuex实例并对外暴露
export default new Vuex.Store({
    modules:{
        home,
        search
    }
})